/**
 * 处理和用户有关的数据
 * 例如 用户的信息，token
 */
// 导入操作Token 的方法
import { setToken, getToken, removeToken } from '@/utils/auth'
// 导入api
import { login, getUserProfile, getUserDetailIdAPI } from '@/api/user'

// 导入重置路由的方法
import { resetRouter } from '@/router'

// 存放共享的数据
const state = {
  token: getToken() || '', // 用户的token
  userInfo: {} // 用户信息
}

// vuex中位移修改数据源的地方
const mutations = {
  // 设置token
  setTokenMutations(state, newToken) {
    state.token = newToken // 传入的token
    // 将 Token 存储到本地
    setToken(newToken)
  },
  // 移除token
  removeTokenMutations(state) {
    state.token = ''
    removeToken()
  },
  // 设置 用户信息
  setUserInfoMutations(state, userInfo) {
    state.userInfo = userInfo
  },
  // 移除 用户信息
  removeUserInfoMutations(state) {
    state.userInfo = {}
  }
}

// 处理 vuex 中的异步（axios请求）
const actions = {
  // 退出的 actions
  logoutActions(context) {
    // 清除 token
    context.commit('removeTokenMutations') // 规定只能用commit 调用mutations方法
    // 清除 用户信息
    context.commit('removeUserInfoMutations')
    // 重置路由
    resetRouter()
  },

  // 获取用户的 actions。 方法名：getUserInfo
  async getUserInfo(context) {
    const res = await getUserProfile()

    // 获取员工基本信息的API
    const userInfoObj = await getUserDetailIdAPI(res.data.userId) // 传ID
    // console.log(userInfoObj) // 返回的数据 有 staffPhoto 用户头像 看接口文档

    context.commit('setUserInfoMutations', { ...res.data, ...userInfoObj.data }) //  拿到返回的数据 传递给setUserInfo mutations方法

    // action 内部返回 menus 菜单权限数据
    return res.data.roles.menus
  },

  // 创建登录的 actions。 方法名：userLoginActions
  // await 修饰
  async userLogin(context, params) {
    const res = await login(params)
    context.commit('setTokenMutations', res.data)
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

